<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>场外交易</title>
</head>

<body class="hidden">
    @@include('header.html')
    <div class="y-main-content">
        <div class="y-location clearfix">
            <div class="left clearfix">
                <span class="left first-location">场外交易</span>
                <img src="images/icon/next.png" alt="" class="left location-ico">
                <span class="left pre-location">我的订单</span>
                <img src="images/icon/next.png" alt="" class="left location-ico">
                <span class="left on-location">订单详情</span>
            </div>
            <div class="right y-explain">
                说明：场外交易是指平台用户与平台承兑商之间的交易，由平台做外担保以及撮合，平台自身不参与任何场外交易行为；
            </div>
        </div>
        <div class="clearfix hidden">
            @@include('club-exchange.html')
            <div class="y-content-r">
                <div class="y-location-r">
                    订单详情
                </div>
                <div class="y-main-content-r">
                    <div class="y-scroll-height mlr20">
                        <div class="clearfix y-orderDes-head">
                            <div class="fl">
                                <span class="y-order-status">
                                    订单状态：
                                </span>
                                <img src="images/icon/undoIco.png" class="y-orderStatus-img" alt="">
                                <span class="y-order-status">
                                    未完成
                                </span>
                                <span class="y-order-note ml20">承兑商未收到您的款项，已驳回订单！</span>
                            </div>
                            <div class="fr">
                                <span class="y-orderStatus-tip">对此订单有疑问？</span>
                                <span class="pointer y-tips-text">我要申诉</span>
                            </div>
                        </div>
                        <div class="y-orderDes-body">
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type fs22">订单类型：</span>
                                <span class="y-tips-text fs22">购买BITCNY</span>
                            </div>
                            <div class="y-orderDes-data clearfix">
                                <div class="fl">
                                    <span class="y-orderDes-type">出售数量</span>
                                    <span class="y-tips-text">100000个</span>
                                </div>
                                <div class="fl ml60">
                                    <span class="y-orderDes-type">单价：</span>
                                    <span class="y-tips-text">&yen; 0.99/个</span>
                                </div>
                                <div class="fl ml60">
                                    <span class="y-orderDes-type">出售总额：</span>
                                    <span class="y-tips-text">&yen; 999000</span>
                                </div>
                            </div>
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type">订单号：</span>
                                <span>20189180473298349624</span>
                            </div>
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type">备注号码：</span>
                                <span>20189180473298349624</span>
                            </div>
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type">订单时间：</span>
                                <span>2018-12-08 15:14:13</span>
                            </div>
                        </div>
                        <div class="y-orderDes-body">
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type fs22">承兑商家：</span>
                                <span>诚信通兑</span>
                            </div>
                        </div>
                        <div class="y-orderDes-body">
                            <div class="y-orderDes-data">
                                <span class="y-orderDes-type fs22">收款方式：</span>
                                <span>银行卡收款</span>
                                <span class="ml60">张三&emsp;&emsp;招商银行&emsp;&emsp;广东省深圳市南山支行&emsp;&emsp;621423645736246276</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @@include('footer-js.html')
    <script type="text/javascript">
        // 加载列表头像颜色
        $(document).ready(function() {
            var colorArray = ["#fa6e0a", "#0b987b", "#bf1b34", "#0283bb", "#1a67b7", "#0b987b", "#0283bb"];
            var headerArr = $('.y-headerName');
            $.each(headerArr, function(index, value) {
                $('.y-headerName').eq(index).css("background-color", colorArray[index % 7]);
                $('.y-headerName').eq(index).parent().parent('.trade-li').find(".y-buy-headerName").css("background-color", colorArray[index % 7]);
            });
        });
    </script>
</body>

</html>